<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<br>

<div class="row">
	<div class="col-lg-3">
		<div class="panel panel-default" id="wasConfigServerList">
			<div class="panel-heading  clearfix">
				<i class="fa fa-list-alt"></i> <a data-toggle="collapse" href="#configServerListCollapse">Server List</a>
				 <div class="pull-right">
                   <div class="btn-group">
                       <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                           Actions
                           <span class="caret"></span>
                       </button>
                       <ul class="dropdown-menu pull-right" role="menu">
                     	   <li><a  id="addWasServer" data-toggle="modal" data-target="#addServerConfigModal" ><i class="fa fa-plus fa-fw"></i>Add</a></li>
                           <li><a  id="removeWasServer"><i class="fa fa-times fa-fw"></i>Remove</a></li>
                           <li><a  id="refreshWasServerList"><i class="fa fa-refresh fa-fw"></i>Refresh</a></li>
                           
                       </ul>
                   </div>
               </div>
			</div>
			<div id="configServerListCollapse" class="panel-collapse collapsein">
				 <div class="panel-body">
						<table class="table table-hover table-condensed" style="border: 0px" id="wasConfigServerListTable">
							<tbody id="wasConfigServerListTableTbody">
							</tbody>
						</table>
				 </div>
			 </div>
		</div>
	</div>
	<div class="col-lg-9" >
		<div class="row">
			<div class="col-lg-6">
				<div id="wasConfigurartion-alert-container"></div>
			</div>
			<div class="col-lg-6">
				<div class="pull-right">
					<form class="form-inline" role="form">
						<div class="form-group">
							 <label for="profileListSelect" >Select Profile:</label>
					         <select id="profileListSelect" class="form-control">
				               	 <option selected></option>
				             </select>
				         </div>
				    </form>
			     </div>
			</div>
		</div>
		<div >	
			<div class="col-lg-12" id="wasConfigurationDetails">
				
			</div>
			
		</div>
		<div class="row">
			<div class="col-lg-12" id="wasConfigurationEdit" class="v-app">
				 <div class="v-app-loading"></div>
				 <noscript>You have to enable javascript in your browser to
            use an application built with Vaadin.</noscript>
			</div>
		</div>
	</div>
</div>



<div class="modal fade" id="addServerConfigModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
            <h4 class="modal-title">Add New Server Config</h4>
            </div>
            <div class="modal-body">
                <h3>Server Config</h3>
                <div id="addServerConfigModal-alert-container"></div>
                <form role="form" id="addServerConfigModalForm">
                	<div class="form-group">
                        <label>Server Name:</label>
                         <input id="sName"  class="form-control" />
                    </div>
                </form>
            </div>
            <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
		        <button type="button" id="addServerConfigModalSvBtn" class="btn btn-primary">Save</button>
	      </div>
    </div>
  </div>
</div>

<script type='text/javascript' src='js/wasConfig.js'></script>